﻿@{
    ViewBag.Title = "Takvim";
    Layout = "~/Views/Shared/masterLayout.cshtml";
}

@section headerPlaceHolder{
     <link rel="stylesheet" href="../../Content/css/style.default.css" type="text/css" />
    <script type="text/javascript" src="../../Content/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../Content/js/jquery-migrate-1.1.1.min.js"></script>
    <script type="text/javascript" src="../../Content/js/jquery-ui-1.9.2.min.js"></script>
    <script type="text/javascript" src="../../Content/js/modernizr.min.js"></script>
    <script type="text/javascript" src="../../Content/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../Content/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../Content/js/custom.js"></script>
     <script type="text/javascript" src="../../Content/js/fullcalendar.min.js"></script>
            <script type='text/javascript'>

                jQuery(document).ready(function () {

                    var date = new Date();
                    var d = date.getDate();
                    var m = date.getMonth();
                    var y = date.getFullYear();

                    var calendar = jQuery('#calendar').fullCalendar({
                        header: {
                            left: 'prev,next today',
                            center: 'title',
                            right: 'month,agendaWeek,agendaDay'
                        },
                        buttonText: {
                            prev: '&laquo;',
                            next: '&raquo;',
                            prevYear: '&nbsp;&lt;&lt;&nbsp;',
                            nextYear: '&nbsp;&gt;&gt;&nbsp;',
                            today: 'Bugün',
                            month: 'Ay',
                            week: 'Hafta',
                            day: 'Gün'
                        },
                        selectable: true,
                        selectHelper: true,
                        select: function (start, end, allDay) {
                            var title = prompt('Bildirim Başlığı');
                            if (title) {
                                calendar.fullCalendar('renderEvent',
                                    {
                                        title: title,
                                        start: start,
                                        end: end,
                                        allDay: allDay
                                    },
                                    true // make the event "stick"
                                );
                            }
                            calendar.fullCalendar('unselect');
                        },
                        editable: true,
                        events: [
                            {
                                title: 'All Day Event',
                                start: new Date(y, m, 1)
                            },
                            {
                                title: 'Meeting',
                                start: new Date(y, m, d, 10, 30),
                                allDay: false
                            },
                            {
                                title: 'Lunch',
                                start: new Date(y, m, d, 12, 0),
                                end: new Date(y, m, d, 14, 0),
                                allDay: false
                            },
                            {
                                title: 'Birthday Party',
                                start: new Date(y, m, d + 1, 19, 0),
                                end: new Date(y, m, d + 1, 22, 30),
                                allDay: false
                            },
                            {
                                title: 'Click for Google',
                                start: new Date(y, m, 28),
                                end: new Date(y, m, 29),
                                url: 'http://google.com/'
                            }
                        ]
                    });

                });

</script>

}

<h2>Index</h2>



@section mainHeaderPlaceHolder{

 
          
            <ul class="breadcrumbs">
            <li><a href="dashboard.html"><i class="iconfa-home"></i></a> <span class="separator"></span></li>
            <li>Takvim</li>
            
            <li class="right">
                <a href="" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-tint"></i> Color Skins</a>
                <ul class="dropdown-menu pull-right skin-color">
                    <li><a href="default">Default</a></li>
                    <li><a href="navyblue">Navy Blue</a></li>
                    <li><a href="palegreen">Pale Green</a></li>
                    <li><a href="red">Red</a></li>
                    <li><a href="green">Green</a></li>
                    <li><a href="brown">Brown</a></li>
                </ul>
            </li>
        </ul>
        
        <div class="pageheader">
            <form action="results.html" method="post" class="searchbar">
                <input type="text" name="keyword" placeholder="To search type and hit enter..." />
            </form>
            <div class="pageicon"><span class="iconfa-calendar"></span></div>
            <div class="pagetitle">
                <h5>Bildirimler</h5>
                <h1>Bildirim Takvimi</h1>
            </div>            
        </div>

}

@section mainPlaceHolder{

     <!--pageheader-->
        
                <div id='calendar'></div>
         

}

@section footerPlaceHolder{

}
